<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bom</title>
</head>
<body>
    <!-- Bom ： 即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象 ，其 核心对象是 window   
           由一系列相关的对象构成，并且每个对象 都提供了很多方法和属性

        window对象是浏览器的顶级对象 它具有双重角色
                1 是js窗口访问浏览器的一个接口
                2 它是一个全局对象 ，定义在全局作用域中的变量，函数都会变成 window 对象的属性和方法
                  在调用的时候可以省略 window 前面学习的对话框都属于 window 对象方法 如 alert() prompt()等        

        -->


        <script>
            // var num = 10;
            // console.log(num);
            // console.log(window.num);

            // function fn(){
            //     console.log(11);
            // }
            // fn();
            // window.fn();  // 通常前面的window都会省略
            // alert(12);
            // widow.alert(12);
            console.log(window);
        </script>
           
</body>
</html>